<template>
	<view class="wf-item-page">
		<image :src="item.product_image" mode="widthFix" class="item-img" />
		<view class="goods-info">
			<view class="goods-title">{{item.product_name}}</view>
			<view class="goods-price">￥{{item.product_price}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item:{
				type:Object,
				require:true
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wf-item-page{
		background: #fff;
		overflow: hidden;
		border-radius: 5px;
	}
	
	.item-img{
		width: 100%;
	}
	.goods-info {
		padding: 10upx;
	}
	.goods-title {
		font-size: $uni-font-size-base;
	}
	.goods-price {
		color: $uni-text-color-red;
		font-size: $uni-font-size-base;
		margin-top: 10upx;
	}
</style>
